<template>
	<view class="pb20">
		<u-popup round="20" :show="showPop" mode="bottom" @close="close" @open="open" :closeable="false">
			<slot></slot>
		</u-popup>
	</view>
</template>

<script>
	export default {
		name: "centerPop",
		props: {
			showPop: {
				type: Boolean,
				default: false,
				required: true,
			},
		},
		data() {
			return {};
		},
		methods: {
			close() {
				this.$emit("popStatus")
			},
			open() {}
		}
	}
</script>

<style lang="less" scoped>
	/deep/ .u-popup__content {
		width: 650rpx;
		// margin-left: 10%;
	}
</style>